﻿<template>
    <div>
        <h1 v-text="msg"></h1>
        <h2>学生信息:{{name}}</h2>
        <h2>学生性别:{{sex}}</h2>
        <h2>学生年龄:{{MyAge}}</h2>
        <button @click="updateAge">尝试修改Age</button>
    </div>
</template>

<script>
    export default{
        name: 'Student',
        data(){
            console.log(this)
            return{
                msg: '我是一个B站用户',
                MyAge:this.age
            }
        },
        methods: {
            updateAge(){
                this.MyAge++;
            }
        },
        props:['name','age','sex'],//简单声明接收

        //接收的同时对数据进行类型限制
        /* props:{
            name:String,
            age: Number,
            sex: String,
        }, */

        //接收的同时对数据进行类型限制+默认值的指定+必要性的限制
        /* props:{
            name:{
                type: String,//属性的类型  这里String是字符串
                required: true//必要的 true表示这个属性是必须传的
            },
            age:{
                type: Number,
                default: 99//默认值。不传就直接赋值为99
            },
            sex:{
                type: String,
                required: true
            }
        } */
    }
</script>

<style>

</style>